<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AJAX Form</title>
    <link rel="stylesheet" href="../3_js/dist/css/bootstrap.min.css" media="all">
    <link rel="stylesheet" href="style.css" media="all">
</head>
<body>
    <div class="shadow">正在加载中.</div>
    <div class="container">
        <form action="form.php" method="POST" class="tform form-horizontal" role="form" enctype="multipart/form-data">
            <div class="form-group">
                <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
                <div class="col-sm-10">
                    <input type="email" id="inputEmail3" class="form-control" name="email" placeholder="Email">
                </div>
            </div>
            <div class="form-group">
                <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
                <div class="col-sm-10">
                    <input type="password" id="inputPassword3" class="form-control" name="password" placeholder="Password">
                </div>
            </div>
            <div class="form-group">
                <label for="logo" class="col-sm-2 control-label">Logo</label>
                <div class="col-sm-10">
                    <input type="file" id="logo" class="form-control" name="logo">
                </div>
            </div>
            <div class="progress">
                <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                    <span class="sr-only">20% Complete</span>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="remember">记住登录信息 
                        </label>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-default">提交表单</button>
                </div>
            </div>
        </form>
        <div class="status col-md-3"></div>
        <div class="content col-md-8 col-md-offset-1"></div>
    </div>

    <script src="../3_js/jquery-3.1.1.js"></script>
    <script src="../3_js/dist/js/bootstrap.min.js"></script>
    <script src="js/form.js"></script>
</body>
</html>
